{% extends "base/base.html" %}
{% block title %}Inicio{% endblock %}
{% comment %} Home {% endcomment %}
{% block content %}
    <div class="container">
        <div class="row">
            <div class="span12">

                <!-- Slider (Flex Slider -->

                <div class="flexslider">
                    <ul class="slides">
                        <!-- Each slide should be enclosed inside li tag. -->

                        <!-- Slide #1 -->
                        <li>
                            <!-- Image -->
                            <img src="{{STATIC_URL}}image/banners/banner_corporativa.png" />
                            <!-- Caption -->
                            <div class="flex-caption">
                                <!-- Title -->
                                <h3><span><a href="{% url 'equo-area_corporativa' %}">Área Corporativa</a></span></h3>
                                <!-- Para -->
{#                                <p>Ut commodo ullamcorper risus nec mattis. Fusce imperdiet ornare dignissim. Donec aliquet convallis tortor. </p>#}
                            </div>
                        </li>

                        <!-- Slide #2 -->
                        <li>
                            <img src="{{STATIC_URL}}image/banners/banner_fiscal.png" />
                            <div class="flex-caption">
                                <h3><span><a href="{% url 'equo-area_fiscal' %}">Área Fiscal</a></span></h3>
{#                                <p>Ut commodo ullamcorper risus nec mattis. Fusce imperdiet ornare dignissim. Donec aliquet convallis tortor. </p>#}
                            </div>
                        </li>

                        <li>
                            <img src="{{STATIC_URL}}image/banners/banner_contable.png" />
                            <div class="flex-caption">
                                <h3><span><a href="{% url 'equo-area_contable' %}">Área Contable</a></span></h3>
{#                                <p>Ut commodo ullamcorper risus nec mattis. Fusce imperdiet ornare dignissim. Donec aliquet convallis tortor. </p>#}
                            </div>
                        </li>

                        <li>
                            <img src="{{STATIC_URL}}image/banners/banner_operativa.png" />
                            <div class="flex-caption">
                                <h3><span><a href="{% url 'equo-area_operaciones' %}">Habilitación de Operaciones</a></span></h3>
{#                                <p>Ut commodo ullamcorper risus nec mattis. Fusce imperdiet ornare dignissim. Donec aliquet convallis tortor. </p>#}
                            </div>
                        </li>

                        <li>
                            <img src="{{STATIC_URL}}image/banners/banner_seguro.png" />
                            <div class="flex-caption">
                                <h3><span><a href="{% url 'equo-area_seguro' %}">Seguro Social e Infonavit</a></span></h3>
{#                                <p>Ut commodo ullamcorper risus nec mattis. Fusce imperdiet ornare dignissim. Donec aliquet convallis tortor. </p>#}
                            </div>
                        </li>

                    </ul>
                </div>

                <!-- Slider ends -->

                <!-- Service starts -->

                <div id="index">
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="service">
                                <!-- Service #1 -->
                                <div class="services">
                                    <!-- Icon & title. Font Awesome icon used. -->
                                    <h4><i class="icon-legal"></i> Misión</h4>
                                    <hr>
                                    <p>Brindar servicios integrales en consultoría de negocios que coadyuve en su valor y crecimiento a las corporaciones.</p>
                                </div>
                            </div>
                        </div>
                        <div class="span6">
                            <div class="service">
                                <!-- Service #2 -->
                                <div class="services">
                                    <!-- Icon & title. Font Awesome icon used. -->
                                    <h4><span><i class="icon-time"></i> Visión</span></h4>
                                    <hr>
                                    <p>Posicionarnos como un referente para nuestros clientes, proveedores y colaboradores,  en relación a  la calidad y profesionalidad en el servicio.</p>
                                </div>
                            </div>
                        </div>
                    </div>


                        <div class="row-fluid">
                            <div class="span12">
                                <div class="service">
                                    <!-- Service #3 -->
                                    <div class="services">
                                        <!-- Icon & title. Font Awesome icon used. -->
                                        <h4><span><i class="icon-ok"></i> Valores</span></h4>
                                        <hr>
                                            <p>
                                                <strong>Probidad:</strong> Integridad en nuestro actuar y desempeño profesional.
                                            </p>
                                        <p>
                                            <strong>Respeto:</strong> Trabajamos en equipo con respeto hacia los demás.
                                        </p>
                                        <p>
                                            <strong>Calidad:</strong> Prestamos nuestro servicio con  altos estándares de calidad
                                        </p>
                                        <p>
                                            <strong>Liderazgo:</strong> Nuestro profesionalismo prevalece en el mercado en que competimos.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>

                <!-- Serivce ends -->

            </div>
        </div>
    </div>

{% endblock %}